<div class="site-topbar">
    <div class="layout">
        <div class="t1-l">
            <ul class="t1-l-ul">
                <li class="t1font"><a href="{:url('index/index/index')}">Sugoushop</a></li>
                <li class="t1img">&nbsp;</li>
            </ul>
        </div>
        <div class="t1-r">
            {if condition="session('islogin')"}
            <ul class="t1-r-ul">
                <li class="t1font"> <a href="#" class="logon userinfo">{$Think.session.username}</a></li>
                <li class="t1img"><a href="#">安全退出</a></li>
                <li class="t1img">&nbsp;</li>
                <li class="t1img">&nbsp;</li>
                <li class="t1font"><a href="#">我的订单</a></li>
            </ul>
            {else /}
            <ul class="t1-r-ul">
                <li class="t1font"><a href="{:url('index/user/login')}">登录</a></li>
                <li class="t1img">&nbsp;</li>
            </ul>
            {/if}
        </div>
    </div>
</div>

<header>

    <div class="layout">

        <!--logo开始-->
        <div class="logo"><a href="{:url('index/index/index')}" title="sugoushop"><img src="__ROOT__/img/logofinal3.png" alt="Sugoushop"></a></div>
        <!--logo结束-->
        <div class="qr-code">
            <img src="__ROOT__/img/QRcode.jpg" alt="二维码" />
            <p>扫一扫</p>
        </div>
    </div>
</header>

<!-- 导航-开始-->


<div class="navigation">
    <div class="layout">
        <!--全部商品-开始-->
        <div class="allgoods">
            <div class="goods_num"><h2 style="padding-left: 74px;">全部商品</h2><i class="trinagle"></i></div>
            <div class="list">
                <ul class="list_ul">
                    {foreach name='brand' item='vo'}
                    <li class="list-li">
                        <div class="list_a" id="list_a">
                            <h1><a href="{:url('index/index/details',['goods_id'=>$vo->goods->goods_id])}"><span style="padding-left: 60px;">{$vo.cat_name}</span></a></h1>
                        </div>
                        <div class="list_b">
                            <div class="subitems">
                                <dl class="ma-to-20 cl-bo">
                                    <dd class="ma-le-100">
                                        <a class="hover-r ma-le-10 ma-bo-10 pa-le-10 bo-le-hui fl wh-sp" href="{:url('index/index/details',['goods_id'=>$vo->goods->goods_id])}">{$vo->goods->goods_name}</a>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                        <i class="list_img"></i>
                    </li>
                    {/foreach}
                </ul>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $(".list_a").hover(function(){
                            $(".list_a h1 a").css('color','dodgerblue');
                        },function(){
                            $(".list_a h1 a").css('color','#FFF');
                        }
                )
            });
        </script>
        <!--全部商品-结束-->

        <div class="ongoods">
            <ul class="navlist">
                <li class="homepage"><a href="{:url('index/index/index')}"><span>首页</span></a></li>
                {foreach name='brand' item='vo'}
                <li class="page"><a href="{:url('index/index/details',['goods_id'=>$vo->goods->goods_id])}" ><span>{$vo.name}</span></a></li>
                {/foreach}
            </ul>
        </div>
    </div>
</div>
<!-- 导航-结束-->